;

    let body = document.body
    let nowScroll = document.documentElement.scrollTop
    let header = document.querySelector('header')
    body.onscroll = function (event){
        event = event || window.event
        let scrolled = document.documentElement.scrollTop

        let toScroll = scrolled - nowScroll;

        (toScroll > 0) ? addClass(header,'hide') : removeClass(header,'hide')

        nowScroll = document.documentElement.scrollTop
    }
    let loginLayout = document.querySelector('#loginLayout')
    loginLayout.onclick = function (){
        loginLayout.style.display = 'none'
    }
    let loginBtn = document.querySelector('#loginBtn')
    loginBtn.onclick = function (){
        loginLayout.style.display = 'block'
    }
    let loginTab = document.querySelector('.loginTabs')
    loginTab.onclick = function (event){
        event = event || window.event
        event.stopPropagation()
    }